@import 'page_bundles/mixins_and_variables_and_functions';

.milestones {
  .milestone {
    .progress {
      width: 100%;
      height: 6px;
      margin-bottom: $gl-padding-4;
    }

    .milestone-progress {
      a {
        color: var(--blue-600, $blue-600);
      }
    }
  }
}

.milestone-sidebar {
  .milestone-progress {
    .title {
      padding-top: 5px;
    }

    .progress {
      height: 6px;
      margin: 0;
    }

    .sidebar-collapsed-icon .progress {
      margin: 5px 0;
      width: calc( 100% - 1.5rem );
    }
  }

  .collapsed-milestone-date {
    font-size: 12px;
  }

  .milestone-date {
    display: block;
  }

  .date-separator {
    line-height: 5px;
  }

  .remaining-days strong {
    font-weight: $gl-font-weight-normal;
  }

  .milestone-stat {
    float: left;
    margin-right: 14px;
  }

  .milestone-stat:last-child {
    margin-right: 0;
  }

  .right-sidebar-expanded & {
    .gutter-toggle {
      margin-bottom: $sidebar-milestone-toggle-bottom-margin;
    }
  }

  .right-sidebar-collapsed & {
    .milestone-progress {
      padding-top: 0;
    }

    .reference {
      @apply gl-border-t;
    }
  }
}

// Aligns collapsed sidebar toggle height and border color with topbar
.panels-container {
  .milestone-sidebar {
    .js-sidebar-toggle.gutter-toggle {
      height: 49px;
      border-bottom-color: var(--super-sidebar-bg) !important;
    }
  }
}

.js-right-sidebar.right-sidebar-expanded {
    display: block !important;
}

.milestone-issues-list,
.milestone-merge_requests-list {
  .issuable-detail {
    display: block;
    margin-top: 7px;

    .issue-link {
      display: inline-block;
    }

    .issuable-number {
      @apply gl-text-subtle;
      margin-right: 5px;
    }

    .avatar {
      float: none;
    }

    > a:not(:last-of-type) {
      margin-right: 5px;
    }
  }
}
